claude code前端长时间自行debug小技巧

note 我发现一个很有意思的玩法，chrome mcp之类的太重了，直接让ai自己写一个 vite 插件来将网页的运行log写到本地文件，并且允许他执行 eval js，就能自己跑很久了

这个方法真的很棒，glm积极多了 chrome mcp可能是太重了，以前用的时候他不愿意用，而且经常截图，glm识图也不积极，所以效果不好

他还可成通过这种方法来获取vue组件实例在运行时执行实例方法

            js
            
          
[RemoteExec] 执行远程 JS 代码: (function() {
  let el = document.querySelector("[contenteditable]");
  let vueComp = null;
  while (el) {
    if (el.__vueParentComponent) { vueComp = el.__vueParentComponent; break; }
    el = el.parentElement;
  }
  
  if (vueComp && vueComp.exposed) {
    const editorRef = vueComp.exposed.editor;
    const editor = editorRef && editorRef.value ? editorRef.value : editorRef;
    if (editor && editor._adapter) {
      const hasBackwardMerge = editor._adapter.mergeAdjacentSameTags ? editor._adapter.mergeAdjacentSameTags.toString().indexOf("向前合并") !== -1 : false;
      
      const container = document.querySelector("[contenteditable]");
      container.innerHTML = "123
456
789
";
      
      editor.applyStyle(4, 5, "bold");
      
      return JSON.stringify({ hasBackwardMerge, resultHTML: container.innerHTML, merged: container.innerHTML.indexOf("456") !== -1 });
    }
  }
  return "no adapter";
})();